@charset "UTF-8";
body{overflow-x: hidden;overflow-y: auto;padding-top: 100px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px;line-height: 28px;font-family: "microsoft yahei","宋体", "Arial";color: #333333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.icon{background: url(/theme/TF000010/images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #333333; text-decoration: none;}
a:hover{color: #151515; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#header_main, #top_main, #banner_main, #floor_1_main,#links_main, #footer_main{width:100%;margin:0;}
/*top*/
#header_main{position: fixed;top: 0;z-index: 999999;background: #151515;height: 100px;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);}
#top #logo{margin-top: 25px;width: 390px;}
#top #logo a{padding-top:0;display: block;}
#top #logo img{display:block;}
/*导航*/
#header_main #nav{position:relative;height: 100px;}
#nav ul{margin:0 auto;width: 100%;}
#nav li:first-child{width: 70px;}
#nav li{float:left;width: 90px;display:block;list-style:none;font-size:14px;text-align:center;height: 100px;padding: 0 2px;position:relative;margin:0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#nav li a{display:block;font-weight: bold;text-align:center;position:relative;color: #fff;height: 30px;line-height: 30px;border-radius: 15px;margin-top: 35px;}
#nav li:hover a,#nav li.hover a{color:#fff;}
#nav li:hover a,#nav li.hover a{background: #333;}
/*导航栏下拉*/
#nav .subnav{position: absolute;left: 0px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);z-index: 199;opacity: 0;visibility: hidden;height: auto;overflow: hidden;width: 100%;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
#nav li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
#nav .subnav{position: absolute;left: 50%;margin-left: -70px;top: 100%;width: 138px;z-index:10;border-left: 5px solid rgba(0,0,0,0.1);border-right: 5px solid rgba(0,0,0,0.1);border-bottom: 5px solid rgba(0,0,0,0.1);}
#nav .subnavbg{position:static;background:#32363e;background: rgba(0, 0, 0, 0.6)!important;filter:Alpha(opacity=60);*zoom:1;}
#nav .subnav a{display:block;height:32px;line-height:32px;text-align: center;color: #fff !important;font-size:12px;font-weight: normal;overflow:hidden;position:relative;border-radius: 0;background: none!important;margin-top: 0;}
#nav .subnav a:hover{display:block;color: #fff !important;background: #333!important;}
#header_main .tel_main{width: 165px;margin-top: 35px;}
#header_main .tel_main .zx{width: 24px;height: 24px;display: inline-block;background: url(/theme/TF000010/images/tel.png) no-repeat;vertical-align: top;}
#header_main .tel_main .tel{display: inline-block;font-size: 18px;line-height:24px;color: #fff;}
#header_main .topsearch{width:60px;transition:all 300ms ease 0s;position:relative;height:82px;}
#header_main .search_btn{width:16px;background-position:0 0;cursor:pointer;height:16px;}
#header_main .search_box{background:#ededed;height:82px;overflow:hidden;position:absolute;right:60px;top:0;transition:all 300ms ease 0s;width: 0;z-index:10;}
#header_main .search_box input{border:0 none;}
#header_main .search_box .stxt{display:block;height:82px;line-height:82px;text-indent:10px;width:150px;background:none;}
#header_main .search_box .sbtn{background-position:-100px 0;cursor:pointer;display:block;height:82px;width:60px;}
#header_main .topsearch.addy .search_box{width:210px;}
#header_main .topsearch.addy .search_btn{background-position:-46px 0;}
/* banner */
#banner_main{overflow:hidden;position: relative;z-index: 2;max-width:1920px;margin:0 auto;min-width:1300px;}
#banner_main .banner{height:650px;}
#banner{width:100%;min-width:1300px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{width:100%;overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip{width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:42px;z-index:13;}
#banner .tip span{width:50px;height:5px;margin:0 12px;display:inline-block;font-size: 0;cursor: pointer;background-color:#a2a7ac;}
#banner .tip span.cur{background-color:#f8d585;}
#banner #btn_prev,#banner #btn_next{width:40px;height:90px;position:absolute;top:280px;z-index:5;}
#banner #btn_prev{background-position:-90px -142px;left:8%;transition: all 600ms ease;}
#banner #btn_next{background-position:-142px -142px;right:8%;transition: all 600ms ease;}
#banner #btn_prev:hover{opacity:.8;filter:alpha(opacity=80);transition: all 600ms ease;left: 7.6%;}
#banner #btn_next:hover{opacity:.8;filter:alpha(opacity=80);right: 7.6%;}
/*banner end*/
/*footer*/
.footer{width: 100%; color: #fff; background: #191919;}
.footer .links{padding: 20px 0;font-size: 16px;border-bottom: 1px solid #222;}
.footer .links span{color: #fff;font-weight: bold;display:inline-block;}
.footer .links a{display:inline-block;font-size: 14px;color: #999999;padding-right: 10px;}
.footer .links a:hover{color: #eed398;}
.footer .di_logo{width:200px; padding-top:80px;}
.footer .di_logo span{display: block;text-align: center;}
.footer .bNav{width:460px; padding-left:100px; padding-top:80px;}
.footer .contacte{width:400px; padding-top:80px;}
.footer .di_logo img{}
.footer .bNav dl{display:inline-block;float:left; width:100px; padding-right:52px;}
.footer .bNav dl dt{height:16px; display:block; padding-bottom:22px;}
.footer .bNav dl dt a{display:block; font-size:16px; color:#fff; line-height:16px;}
.footer .bNav dl dd{display:block; height:12px; padding-bottom:16px;}
.footer .bNav dl dd a{display:block; font-size:12px; color:#999999; line-height:12px;}
.footer .bNav dl dd a:hover{color:#eed398;}
.footer .contacte .ewm{width:140px; height:140px; background-color:#fff; text-align:center;}
.footer .contacte .ewm img{width:122px; height:122px; background-size:100%; display:inline-block; margin-top:8px;}
.footer .contacte .contact_info{width:200px;}
.footer .contacte .contact_info p.p1{font-size:14px; color:#fff;}
.footer .contacte .contact_info p.dh{font-size:30px; color:#fff; font-family:"Arial"; line-height:42px;}
.footer .contacte .contact_info p.teo{font-size:16px; color:#ddd; font-family:"Arial"; line-height:24px;}
.footer .contacte .contact_info p.tel{font-size:12px; color:#999999; line-height:22px;}
/*copyright*/
.copyright{height:60px; line-height:60px; color: #999999; font-size: 12px; background: #222;}
.copyright a{color: #999999; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.copyright a:hover{color: #fff;}
/********.toolbar1*********/
/*右侧悬浮框*/
/*rightFix*/
.rightFix{width: 48px;position: fixed;right: 0;bottom: 12%;z-index: 99;}
.rightFix .ico{width: 48px;height: 48px;position: relative;display: block;margin: 0px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;margin-top: 1px;padding: 0px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;background: #333333 url(../images/fix-ico.png) no-repeat center 0;}
.rightFix .ico img{width: 85px;height: 85px;position: absolute;left: -78px;top: 0;padding: 5px;background: #fff;border: 1px solid #ddd;display: block;opacity: 0;filter: alpha(opacity=0);transition: all ease-in-out .2s;}
.rightFix .share_sqq img{top: 0;}
.rightFix .ico span{width: 160px;text-align: center;height: 48px;line-height: 48px;position: absolute;left: -78px;top: 0;background: #333333;color: #fff;display: block;font-weight: bold;font-size: 18px;opacity: 0;filter: alpha(opacity=0);transition: all ease-in-out 0.2s;}
.rightFix .ico:hover img{opacity: 100;filter: alpha(opacity=100);left: -98px;}
.rightFix .ico:hover{opacity: 1; filter: alpha(opacity=100);}
.rightFix .box{position: absolute;left: 0;bottom: 101px;}
.rightFix .fix_top{margin-top: 4px; background-position: 10px -38px;background-color: #333333;}
.rightFix .share_tit{background-position: 10px 8px;background-color:#333333;}
.rightFix .share_lt{background-position: 10px -136px;}
.rightFix .share_lt:hover{background-position: -37px -136px;}
.rightFix .share_taobao{background-position: 10px -232px;}
.rightFix .share_taobao:hover{background-position: -37px -232px;}
.rightFix .share_sqq{background-position: 10px -183px;}
.rightFix .share_sqq:hover{background-position: -37px -183px;}
.rightFix .share_lunt{background-position: 10px -282px;}
.rightFix .share_lunt:hover{background-position: -37px -282px;}
.rightFix .fix-tel{background-position: 10px -232px;}
.rightFix .fix-tel:hover{background-position: -37px -232px;}
.rightFix .ico:hover span{opacity: 1; filter: alpha(opacity=100); left: -168px;}
/*******index css*******/
/*首页标题*/
.index .tit{margin-bottom: 40px;}
.index .tit h3{font-size: 40px;color: #333333;text-align: center;line-height: 46px;}
.index .tit h3 span{font-size: 20px;color: #666;text-align: center;}
/*首页标题*/
.index .title{padding-top: 0;}
.index .title .tit{width: 100%;margin:0 auto;font-size: 36px;text-align:center;color: #333;position: relative;line-height: 45px;}
.index .title .tit span{margin-left: 0;position: relative;z-index: 9999;background: #fff;padding: 0 30px;}
.index .title .tit em{position: absolute;top: 50%;left: 50%;margin-left: -370px;display:block;width: 750px;height: 1px;background:#ccc;}
.index .title .entit{margin-top: 10px;font-size: 30px;line-height: 40px;color: #c4c4c4;text-align:center;}
.index .title .intro{font-size: 14px;color: #666666;text-align:center;}
/*产品中心*/
.index .pro{margin: 80px auto;height: 960px;}
.index .pro .pro_tit{width: 280px;height: 828px;float: left;border: 1px solid #e0e0e0;border-bottom: 5px solid #333333;box-sizing: border-box;}
.index .pro .pro_tit h4{width: 278px;height: 86px;line-height: 86px;background-color: #333333;font-size: 26px;color: #fff;text-align: center;}
.index .pro .pro_tit span{font-size: 24px;}
.index .pro .pro_tit ul li{width: 280px;height: 74px;line-height: 74px;border-bottom: 1px solid #e9ebea;box-sizing: border-box;}
.index .pro .pro_tit ul li:last-child{border-bottom: 0;}
.index .pro .pro_tit ul li h5{width: 230px;margin: 0 auto;font-size: 16px;color: #444;background: url(/theme/TF000010/images/pro_tit_bg.png) no-repeat right center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .pro .pro_tit ul li:hover h5{color: #333333;background: url(/theme/TF000010/images/pro_tit_bg2.png) no-repeat right center;}
.index .pro .pro_cp{width: 885px;height: 828px;float: right;}
.index .pro .pro_cp ul li{width: 275px;height: 256px;float: left;margin: 0 30px 30px 0;background: #333333;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .pro .pro_cp ul li:nth-child(3n){margin-right: 0px;}
.index .pro .pro_cp ul li img{width: 275px;height: 206px;border: 1px solid #e0e0e0;box-sizing: border-box;}
.index .pro .pro_cp ul li p{font-size: 16px;color: #fff;text-align: center;margin-top: 12px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .pro .pro_cp ul li:hover{background: #333333;}
.index .pro .pro_cp ul li:hover p{color: #fff;}
/*公司简介*/
.about{margin: 80px 0;height: 540px;}
.about video{width: 600px;height: 400px;float: right;}
.about .ab_txt{width: 530px;height: 380px;float: left;}
.about .ab_txt h4{font-size: 60px;color: #333333;font-weight: bold;height: 140px;line-height: 100%;border-bottom: 1px solid #dddddd;}
.about .ab_txt h4 span{font-size: 20px;color: #333;font-weight: normal;}
.about .ab_txt p{font-size: 16px;color: #555;line-height: 36px;margin-top: 20px;}
.about .ab_txt .more{margin-top: 30px;}
.about .ab_txt .more a.left{padding: 12px 40px;background: #333333;margin-right: 30px;border-radius: 50px;}
.about .ab_txt .more a.right{padding: 12px 40px;background: #666;border-radius: 50px;}
.about .ab_txt .more b{font-size: 16px;color: #fff;text-align: center;font-weight: normal;}
/*品质*/
.Index_pz{ margin:80px auto;}
.Index_pz li{float:left;width:216px;border: 2px solid #333333;box-sizing: border-box;border-radius:10px;text-align:center;padding:40px 0;margin-right:30px;cursor:pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.Index_pz li.li5{ margin-right:0;}
.Index_pz li span{display:block;height:100px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.Index_pz li h3{font-size:18px;margin:15px 0;color: #333;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.Index_pz li h4{font-size:14px;text-transform:uppercase;color: #333;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.Index_pz li:hover{border: 2px solid #333333;background: #333333;}
.Index_pz li:hover h3{ color:#fff;}
.Index_pz li:hover h4{ color:#fff; opacity:0.8;}
.Index_pz li:nth-child(1) span{ background:url(/theme/TF000010/Images/pz01.png) no-repeat center;}
.Index_pz li:nth-child(2) span{ background:url(/theme/TF000010/Images/pz02.png) no-repeat center;}
.Index_pz li:nth-child(3) span{ background:url(/theme/TF000010/Images/pz03.png) no-repeat center;}
.Index_pz li:nth-child(4) span{ background:url(/theme/TF000010/Images/pz04.png) no-repeat center;}
.Index_pz li:nth-child(5) span{ background:url(/theme/TF000010/Images/pz05.png) no-repeat center;}
.Index_pz li:nth-child(1):hover span{ background:url(/theme/TF000010/Images/pz011.png) no-repeat center;}
.Index_pz li:nth-child(2):hover span{ background:url(/theme/TF000010/Images/pz022.png) no-repeat center;}
.Index_pz li:nth-child(3):hover span{ background:url(/theme/TF000010/Images/pz033.png) no-repeat center;}
.Index_pz li:nth-child(4):hover span{ background:url(/theme/TF000010/Images/pz044.png) no-repeat center;}
.Index_pz li:nth-child(5):hover span{ background:url(/theme/TF000010/Images/pz055.png) no-repeat center;}
/*新闻资讯*/
.index .inews{padding-bottom: 60px;}
.index .inews .titi{width: 100%;height: 35px;line-height: 35px;margin-bottom: 28px;border-bottom: 1px solid #f0f0f0;}
.index .inews .titi h3{float: left;font-size: 18px;color: #fff;padding: 0 30px;background: #333;position: relative;margin-top: 1px;}
.index .inews .titi h3 s{border-style: dashed dashed solid dashed;border-color: #333 transparent transparent transparent;border-width: 8px;width: 0;height: 0;overflow: hidden;position: absolute;left: 50%;margin-left: -8px;top: 35px;}
.index .inews .titi a{color: #c4c4c4;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.index .inews .titi a:hover{text-decoration: underline;}
.index .inews .newslist{line-height: 55px;}
.index .inews .newslist li{width: 100%;height: 55px;line-height: 55px;overflow: hidden;border-bottom: 1px dashed #d4d4d4;}
.index .inews .newslist li a{width: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.index .inews .newslist li .time{color: #999999;float: right;font-weight: normal;}
.index .inews1{width: 580px;float: left;margin-top: 30px;}
.index .inews .item{width: 100%;display: block;padding-bottom: 20px;border-bottom: 1px dashed #d4d4d4;}
.index .inews .item img{width: 100px;height: 75px;float: left;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;margin-right: 20px;}
.index .inews .item h3{color: #333;line-height: 24px;height: 24px;overflow: hidden;margin-bottom: 10px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.index .inews .item .txt{line-height: 20px;height: 40px;overflow: hidden;color: #999999;}
.index .inews .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.index .inews .item:hover h3{color: #cc271f;}
.index .inews2{width: 575px;float: right;margin-top: 30px;}
/*他们都选择了我们*/
.index .kehu_main{width:100%;}
.index .kehu_main .kehu{padding-bottom: 20px;}
.index .kehu_main .kehu ul{padding-top: 20px;}
.index .kehu_main .kehu ul li{float: left;border: 1px solid #ddd;margin-right: 35px;margin-bottom: 35px;}
.index .kehu_main .kehu ul li:nth-child(5n){margin-right: 0;} 
.index .kehu_main .kehu ul li img{width: 210px;height: 100px;}
/*内页样式*/
/***********category css*************/
.nyIcon{background: url(/theme/TF000010/images/nyIcon.png) no-repeat; display: inline-block; vertical-align: middle;}
/*wrapper*/
.wrapper{padding: 0 0 36px; min-height: 220px; background: #f5f5f5;}
.wrapper .noinfor{padding: 0 0 20px; text-align: left; color: red;text-align:center;}
/*nybanner*/
.nybanner{width: 100%;height: 250px;line-height: 42px;position: relative;overflow: hidden;background-position: center top;background-repeat: no-repeat;color: #fff;background-image: url(/theme/TF000010/images/nybanner.jpg);}
.nybanner h3{font-size: 34px; padding: 70px 0 6px;}
.nybanner .en{font-size: 30px; font-family: arial; font-weight: bold;}
.nybanner .line{width: 50px; height: 2px; display: block; background: #fff; margin-top: 10px;}
/*menu*/
.menu{width: 100%; height: 60px; line-height: 60px; background: #fff; border-bottom: 1px solid #ddd;}
.menu .list{width: 1199px; margin: 0 auto; border-left: 1px solid #ddd;}
.menu li{width: 198px;height: 60px;float: left;border-right: 1px solid #dddddd;position: relative;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.menu li .nav1{width: 100%; height: 60px; line-height: 60px; font-size: 18px; display: block; text-align: center;}
.menu li .nav1 s{border-style: solid dashed dashed dashed;border-color: rgba(255, 255, 255, 0) transparent transparent transparent;border-width: 10px;width: 0;height: 0;overflow: hidden;position: absolute;left: 50%;margin-left: -10px;bottom: -20px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.menu li:hover,
.menu li.hover{border-right-color: #151515;}
.menu li:hover .nav1,
.menu li.hover .nav1{background: #151515; color: #fff;}
.menu li:hover .nav1 s,
.menu li.hover .nav1 s{border-color: #151515 transparent transparent transparent;}
.menu li .subMenu{position: absolute;left: 0px;top: 50px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);z-index: 199;opacity: 0;visibility: hidden;height: auto;overflow: hidden;width: 100%;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);text-align: center;/* border-top: 2px solid #008fd7; */padding-top: 20px;}
.menu li:hover .subMenu{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.menu li .subMenu a{display: block;width: 100%;font-size: 16px;line-height: 50px;background: #fff;border-bottom: 1px solid rgba(170,170,170,.2);}
.menu li .subMenu a:hover{background: #151515;color: #fff;}
.menu_pro{line-height: 52px;position:relative;z-index:1;text-align: center;padding-top: 50px;}
.menu_pro li{height: 40px;line-height: 40px;margin: 5px;display: inline-block;}
.menu_pro li a{display: block;border: 1px solid #dcdcdc;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden;height: 40px;line-height: 40px;padding: 0 10px;background: #fff;}
.menu_pro li:hover a,.menu_pro li.hover a{border: 1px solid #151515;color: #fff;background: #151515;}
/*sitepath*/
.sitepath{height: 80px; line-height: 80px; text-align: right;}
.sitepath s{width: 20px; height: 18px; background-position: 0 0; margin-right: 4px;}
/* reLink */
.reLink{height: 48px; line-height: 48px; padding: 0 15px; border: 1px solid #dddddd;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a{display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.reLink a:hover{color: #0754a3;}
/* pager */
.pager{padding: 30px 0 15px; text-align: center;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager{*zoom: 1;}
.pager p{height: 26px; line-height: 26px; float: left; display: none;}
.pager ul{overflow: hidden; margin: 0 auto; text-align: center;}
.pager ul li{padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1;}
.pager ul a{margin: 0 5px; padding: 0 13px; height: 34px; line-height: 34px; text-decoration: none; float: left; background: #fff;}
.pager ul a.current{background-color: #151515; color: #fff;}
.pager ul a.current:hover{background-color: #151515; color: #fff;}
.pager ul a:hover{background: #151515; color: #fff;}
/*n-gridlist*/
.n-gridlist{width: 105%;}
.n-gridlist .item{width: 380px; float: left; margin: 0 30px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.n-gridlist .item a{width: 100%; display: block;cursor:pointer;}
.n-gridlist .item img{width: 380px; height: 285px; display: block;}
.n-gridlist .item h3{width: 100%; height: 64px; line-height: 64px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.n-gridlist .item .bg{position: absolute; width: 380px; padding-top:122px; height: 226px; left: -400px; top: 0; z-index: 10; background: url(/theme/TF000010/images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.n-gridlist .item .bg s{width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px;}
.n-gridlist .item:hover{background: #333333; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.n-gridlist .item:hover h3{color: #fff;}
.n-gridlist .item:hover .bg{left: 0;}
/*n-tit*/
.n-tit{margin-bottom: 30px;}
.n-tit h3{line-height: 35px; font-size: 24px;}
.n-tit s{width: 4px; height: 22px; margin-right: 15px; background: #151515; display: inline-block; vertical-align: middle;}
.n-tit .more{font-size: 16px;width:120px;height:30px;text-align:center;line-height:30px;margin-top:10px;border:1px solid #ddd;transition:all ease 600ms;}
.n-tit .more:hover{width:150px;transition:all ease 600ms;}
/*relateNews*/
.relateNews{padding: 55px 0 0; width: 100%; overflow: hidden;}
.relateNews .list{width: 120%;}
.relateNews .list li{width: 545px;float: left;margin-right: 30px;margin-bottom: 20px;}
.relateNews .list li a{display: block; width: 100%;height:100px;}
.relateNews .list li img{width: 135px;height: 100px;display: block;float: left;margin-right: 20px;}
.relateNews .list li h3{line-height: 26px;font-size: 16px;float: left;}
.relateNews .list li .time{color: #999999;font-family: arial;font-size: 16px;line-height: 26px;float: right;}
.relateNews .list li p{line-height: 24px;overflow: hidden;font-size: 14px;color: #999;float: left;width: 388px;text-align: justify;}
.relateNews .list li:hover img{-webkit-filter:brightness(105%);filter:brightness(105%);}
/*aboutPage*/
.aboutPage{padding: 40px 40px;width: 1120px;margin: 0 auto;background: #fff;box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.aboutPage .contact_tit{text-align: center; position: relative; padding-bottom: 30px; margin-top: 30px;*margin-top:60px;}
.aboutPage .contact_tit .tit{font-size: 45px; line-height:66px;font-weight: 100; position: relative; display: inline; z-index: 12;}
.aboutPage .contact_tit .tit i{background: #bababa; width: 90px; height: 1px; display: block; position: absolute; right: -120px; top: 30px; display: block;}
.aboutPage .contact_tit .tit i:first-child{left: -120px; right: auto;}
.aboutPage .contact_tit .entit{font-size: 82px; line-height:66px;color: #eee; text-transform: uppercase; position: absolute; width: 100%; text-align: center; left: 0; top: 0px; z-index: 10; font-family: Arial;}
.aboutPage .txtcon{}
.aboutPage .txtcon img{max-width: 100%;}
.aboutPage .mapArea{width: 100%; height: 400px; margin-top: 20px;}
.aboutPage .mapArea #allmap{width: 100%; height: 400px;}
/*newsPage*/
.newsPage .item{width: 100%; height: 168px; margin-bottom: 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff;}
.newsPage .item a{width: 100%; height:100%;display: block;cursor:pointer;}
.newsPage .item img{width: 224px; height: 168px; display: block; margin-right: 30px;}
.newsPage .item h3{font-size: 20px; padding: 35px 0 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.newsPage .item .txt{color: #999999; line-height: 24px; height: 48px; padding-right: 130px; overflow: hidden;}
.newsPage .item .time{width: 150px; padding-top: 45px; font-family: arial; font-size: 20px; color: #999;}
.newsPage .item .time .day{font-size: 40px; line-height: 45px; display: block;}
.newsPage .item:hover{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.newsPage .item:hover h3{font-weight:bold;color: #151515; text-indent: 5px;}
.newsPage .item:hover .time .day span{background: #6d6d6d;}
.newsPage .item:hover .time .day strong{background: #ff0000; color: #fff;}
.newsPage .item:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
/*showNews*/
.showNews{padding: 40px 40px;width: 1120px;margin: 0 auto;background: #fff;box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.showNews img{max-width: 100%;}
.showNews .title{color: #333333; line-height: 32px; text-align: center; font-weight: bold; font-size: 22px;}
.showNews .mark{width: 100%; height: 40px; line-height: 40px; margin: 15px 0 20px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-align: center;}
.showNews .mark span{margin: 0 10px; font-size: 12px; color: #666666;}
.showNews .shareNew{padding-bottom: 25px;}
.showNews .showContxt{padding: 0 0 30px; line-height: 30px;}
/*showProduct*/
.showProduct{padding: 40px 40px; width: 1120px; margin: 0 auto; background: #fff;}
.showProduct .pro-tit{margin-bottom: 40px;}
.showProduct .pro-tit s{width: 4px; height: 50px; display: block; background: #da0a1b; float: left; margin-right: 10px;}
.showProduct .pro-tit h3{font-size: 24px; line-height: 24px; margin-bottom: 10px;}
.showProduct .pro-tit .mark{line-height: 20px; color: #999;}
.showProduct .pro-tit .mark span{margin-right: 6px;}
.showProduct img{max-width: 100%;}
.showProduct .shareNew{padding-bottom: 25px;}
.showProduct .showContxt{padding: 0 0 30px; line-height: 30px;}
.showProduct .infoImg{margin-bottom: 40px;}
.showProduct .infoImg .imgf{width: 500px; height: 375px; display: block; float: left; margin-right: 40px;}
.showProduct .infoImg .txt{line-height: 32px; height: 320px; overflow: hidden;}
.showProduct .infoImg .btn{margin-top: 15px;}
.showProduct .infoImg .btn a{width: 120px; height: 40px; line-height: 40px; font-size: 16px; display: inline-block; margin-right: 10px; text-align: center; background: url(/theme/TF000010/images/detail-btnbg.png) no-repeat -140px center;}
.showProduct .infoImg .btn a:hover{background-position: left center; color: #da0a1b;}
/*msgPage*/
.msgPage{padding: 40px 0px 55px; width: 1120px; margin: 0 auto; margin-top:50px;background: #fff;border:1px solid #ddd;}
.msgPage .online_title{margin-bottom:30px;}
.msgPage .online_title .tit{font-size:30px;color:#737373;text-align:center;}
.msgPage .online_title .entit{font-size: 14px;color:#737373;font-family:Arial;text-transform: uppercase;text-align:center;}
.formData{width: 1000px;margin: auto;}
.formData .item{height: 40px; line-height: 40px; width: 462px; float: left; position: relative; margin-bottom: 25px;}
.formData .item label{width: 85px;float: left;color: #666;padding-right: 5px;text-align: right;}
.formData .item .red{color: red; font-size: 12px; position: absolute; right: -10px; top: 2px;}
.formData .liuyan .red{right: -2px;top: 0px;}
.formData .yzm .red{right: 107px;top: 2px;}
.formData .item input{width: 360px; height: 40px; line-height: 40px; float: left; padding-left: 10px; border: 0px; font-size: 14px; background: #f5f5f5; border-radius: 5px;}
.formData .item .msg-box{position: absolute; left: 90px;}
.formData .item.mr30{margin-right: 68px;}
.formData .item.yzm{width: 380px;}
.formData .item.yzm input{width: 160px;}
.formData .item.yzm img{margin-left: 20px;}
.formData .item.youxiang{margin-right: 70px;}
.formData .item.liuyan{width: 100%; height: 96px;}
.formData .item.liuyan textarea{width: 880px;float: left;height: 76px;border: 0px;background: #f5f5f5;-webkit-border-radius: 6px;border-radius: 6px;padding: 10px;overflow: hidden;color: #666;resize: none;font-family: "microsoft yahei";}
.formData .itemsub{width: 400px;height: 40px;line-height: 40px;position: relative;}
.formData .itemsub label{width: 85px; float: left; color: #333; padding-right: 5px; text-align: right;}
.formData .itemsub .msg-box{position: absolute; left: 90px;}
.formData .itemsub input[type=text]{width: 147px; height: 40px; line-height: 40px; float: left; border-radius: 6px; font-size: 14px; background: #f5f5f5; color: #333; text-indent: 10px;}
.formData .itemsub img{height: 32px; float: left; margin-top: 5px; margin-left: 10px;}
.formData .btn{width: 100px;height: 40px;line-height: 40px;cursor: pointer;color: #fff;margin-left: 8px;background: #222222;}
.formData .btn[type=reset]{background: #aaa; margin-right: 9px;}
/*searchPage*/
.searchPage{overflow: hidden;}
.searchPage ul{width: 105%;}
.searchPage .item{width: 280px; height: 222px; float: left; margin: 0 25px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.searchPage .item a{width: 100%; display: block;}
.searchPage .item img{width: 280px; height: auto; display: block;}
.searchPage .item h3{width: 100%; position: absolute; left: 0; bottom: 0; height: 64px; line-height: 64px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff;}
.searchPage .item .bg{position: absolute; width: 280px; padding-top: 86px; height: 72px; left: -280px; top: 0; z-index: 10; background: url(/theme/TF000010/images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.searchPage .item .bg s{width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px;}
.searchPage .item:hover{background: #fff;}
.searchPage .item:hover h3{color: #fff; background: #0754a3;}
.searchPage .item:hover .bg{left: 0;}
.map_ul{list-style: outside none none; display: block; width: 100%; padding-top: 10px;}
.map_ul li{display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left;}
.map_ul li a{font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold;}
.map_ul .list-inline{display: block; margin-left: 7%; width: 80%; min-height: 30px;}
.map_ul .list-inline a{font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px;}
.map_ul .list-inline a:hover{background: #da0a1b; color: #fff;}
span.bds_more,
.bds_tools a{line-height: 14px !important;}
.right_nav{position: fixed;width: 50px; right: 0;top: 50%;margin-top: -70px;z-index: 100;}
.fixed_right_box{position: relative;}
.zixun{display: inline-block; background: url(/theme/TF000010/images/a10_03.png) no-repeat center center;width: 32px;height: 29px;vertical-align: middle;transition: 0.8s all;}
.phone{display: inline-block;background: url(/theme/TF000010/images/rz_right_icon2.png) no-repeat center center;width: 32px;height: 29px;vertical-align: middle;transition: 0.8s all;}
.qq{display: inline-block;background: url(/theme/TF000010/images/a10_08.png) no-repeat center center;width: 32px;height:29px;vertical-align: middle;transition: 0.8s all;}
.weixin{display: inline-block;background: url(/theme/TF000010/images/a10_06.png) no-repeat center center;width:32px;height: 29px;vertical-align: middle;transition: 0.8s all;}
.scor_top{display: inline-block;background: url(/theme/TF000010/images/a10_10.png) no-repeat center center;width: 32px;height: 29px;vertical-align: middle;transition: 0.8s all;}
.right_nav li span{margin-left: 12px; line-height:30px;}
.right_nav_box{position: relative;}
.right_nav_box li{position: absolute;transition: 0.8s background-color; background-color: #333333;height: 46px;padding: 0 12px;white-space: nowrap; /*border-top-left-radius: 20px;border-bottom-left-radius: 20px;*/}
.right_nav_box li.li1{top: 150px;}
.right_nav_box li.li2{top: 50px;}
.right_nav_box li.li3{top: 50px;}
.right_nav_box li.li4{top: 100px;}
.right_nav_box li.li5{top: 200px;}
.right_nav_box li.li1 a{padding-top:8px;display: block; font-family:"microsoft yahei";}
.right_nav_box li.li2 a{padding-top: 8px;display: block;}
.right_nav_box li.li3 a{padding-top:8px;display: block;}
.right_nav_box li.li4 a{padding-top:8px;display: block;}
.right_nav_box li.li5 a{padding-top:8px;display: block;}
.right_nav_box li:hover{background-color: #e0c103;}
.right_nav_box li a{color: #333333;font-size: 16px;cursor:pointer;}
.ewm_pic{position: absolute;right:64px;bottom: 0;visibility: hidden;opacity: 0;transition: 0.5s all;background-color: #fff;padding: 0px;}
.ewm_pic img{display: block; width:140px; height:140px; background-size:100% 100%;}
.ewm_pic.act{visibility:visible;opacity:1;}
.content{padding-top:30px;}
/*↓组图样式↓*/
.HS10, .HS15{overflow:hidden;clear:both;}
.HS10{height:10px;}
.HS15{height:15px;}
.Hidden{display:none;}
.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
.FlLeft{float:left;}
.FlRight{float:right;}
/*幻灯片区域背景*/
.MainBg{width: 100%;margin:0 auto;}
/*大图展示区域*/
.OriginalPicBorder{padding: 0;}
#OriginalPic{width: 100%;overflow:hidden;position:relative;font-size:12px;}
#OriginalPic img{display:block;min-width: 100px;margin:0 auto;}
/*鼠标手势*/
.CursorL{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;left: 0;cursor:url(/theme/TF000010/images/CurL.cur), auto;background:url(/theme/TF000010/images/space.png) repeat scroll 0 0 transparent;}
.CursorR{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;right:0;cursor:url(/theme/TF000010/images/CurR.cur), auto;background:url(/theme/TF000010/images/space.png) repeat scroll 0 0 transparent;}
/*小图预览和滑动*/
.SliderPicBorder{width: 100%;overflow:hidden;}
.ThumbPicBorder {width: 100%;margin:0 auto;background: #eeeeee;overflow: hidden;position: relative;}
.ThumbPicBorder #btnPrev{width:45px;height: 106px;cursor:pointer;position: absolute;left: 20px;top: 20px;}
.ThumbPicBorder #btnNext{width:45px;height: 106px;cursor:pointer;position: absolute;right: 20px;top: 20px;}
.ThumbPicBorder .pic{width: 945px;overflow: hidden;position: relative;margin: 20px auto;}
#ThumbPic img{border: 3px solid #ddd;cursor:pointer;background-color: #ddd;margin: 0 10px;width: 132px;height: 100px;display:block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#ThumbPic img.active{border: 3px solid #151515;}
/*↑组图样式↑*/<!--0.0001370906829834-->